<template>
  <div id="app">
    <loading v-if="$store.state.loading"/>
    <popup v-if="this.$store.state.login"/>
    <keep-alive>
      <transition>
        <router-view />
      </transition>
    </keep-alive>
  </div>
</template>
<script>
import loading from '@/components/loading'
import popup from "@/components/popup"

export default {
  components:{
    popup,
    loading
  },
  
}
</script>

<style lang="scss">
*{
  padding: 0;
  margin: 0;
}
html,body,#app{
width: 100%;
height: 100%;
line-height: normal;
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

}
#app{
  overflow: hidden;
  box-shadow: 0 2px 10px 0 rgba(179, 175, 175, 0.4);
  position: relative;
  max-width: 470px;
  margin: 0 auto;
}
.default{
  opacity: 0;
}
.According{
  opacity: 1;
}
</style>
